<template>
  <div>
    <a-menu v-model="current" mode="horizontal">
      <a-menu-item key="mail">
        <router-link to="/login">Log in</router-link>
      </a-menu-item>
      <a-menu-item key="About">
        <router-link to="/foo">About</router-link>
      </a-menu-item>
    </a-menu>
  </div>
  <div>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name :"menu"
};
</script>